<!-- Features page !-->
<div class="it-box-holder js-features-subpage hidden">
    <section class="subpage-box">
        <div class="subpage-section-body secondary-bg">
            <div class="subpage-body head-body ftrs-head">
                <div class="head-grid">
                    <div class="col head-info">
                        <h1 class="lg-size">
                            Transfer.it
                        </h1>
                        <p class="lg-size">
                            [$transferit_ftr_hdr]
                        </p>
                        <button class="it-button lg-size js-try-now">
                            <span>[$transferit_transfer_now]</span>
                        </button>
                    </div>
                    <div class="col head-media">
                        <img class="ftrs-section img1 main" alt src="data:," />
                        <img class="ftrs-section img1 abs-pos" alt src="data:," />
                    </div>
                    <div>
                        <button class="it-button ghost scroll-btn js-scroll-down">
                            <i class="sprite-it-x24-mono icon-arrow-small-down"></i>
                            <span>[$transferit_scroll_down]</span>
                        </button>
                    </div>
                </div>
            </div>
        </div>
        <div class="subpage-section-body js-sroll-to">
            <div class="subpage-body">
                <div class="content-grid">
                    <div class="ftrs-integration">
                        <div class="col info">
                            <h2>
                                [$transferit_ftr_integration_hdr]
                            </h2>
                            <p class="lg-size">
                                [$transferit_ftr_integration_info]
                            </p>
                        </div>
                        <div class="col media mega-bg">
                            <div class="menu">
                                <i></i><i></i><i></i>
                            </div>
                            <div class="bar">
                                <span>https://mega.io</span>
                            </div>
                            <div>
                                <img class="ftrs-section img2" alt src="data:," />
                            </div>
                        </div>
                        <div class="col media primary-bg">
                            <div>
                                <img class="ftrs-section img3" alt src="data:," />
                            </div>
                            <h4>
                                [$transferit_transferring]
                            </h4>
                            <div class="tip">
                                <i class="sprite-it-x24-mono icon-check"></i>
                                <span>[$transferit_link_generated]</span>
                            </div>
                        </div>
                    </div>

                    <hr>

                    <div class="ftrs-features-grid">
                        <h2>[$transferit_features_hdr]</h2>
                        <div class="col">
                            <div class="media purple-bg">
                                <div class="bubble">
                                    <img class="ftrs-section img4" alt src="data:,">
                                </div>
                            </div>
                            <div class="info">
                                <h6>[$transferit_ftr_emails_hdr]</h6>
                                <p class="sm-size">[$transferit_ftr_emails_info]</p>
                            </div>
                        </div>
                        <div class="col">
                            <div class="media blue-bg">
                                <div class="bubble">
                                    <img class="ftrs-section img19" alt src="data:,">
                                </div>
                            </div>
                            <div class="info">
                                <h6>[$transferit_ftr_pass_hdr]</h6>
                                <p class="sm-size">[$transferit_ftr_pass_info]</p>
                            </div>
                        </div>
                        <div class="col">
                            <div class="media neon-bg">
                                <div class="bubble">
                                    <div class="preview-btn">
                                        <i class="sprite-it-x24-mono icon-eye"></i>
                                        <span>[$1899]</span>
                                    </div>
                                </div>
                            </div>
                            <div class="info">
                                <h6>[$transferit_ftr_preview_hdr]</h6>
                                <p class="sm-size">[$transferit_ftr_preview_info]</p>
                            </div>
                        </div>
                    </div>

                    <div class="ftrs-inline-grid">
                        <div class="col">
                            <div class="media">
                                <img class="ftrs-section img15" alt src="data:," />
                            </div>
                            <div class="info">
                                <h4>[$transferit_ftr_unlim_size_hdr]</h4>
                                <p class="sm-size">[$transferit_ftr_unlim_size_info]</p>
                            </div>
                        </div>
                        <div class="col">
                            <div class="media">
                                <img class="ftrs-section img16" alt src="data:," />
                            </div>
                            <div class="info">
                                <h4>[$transferit_ftr_unlim_files_hdr]</h4>
                                <p class="sm-size">[$transferit_ftr_unlim_files_info]</p>
                            </div>
                        </div>
                        <div class="col">
                            <div class="media">
                                <img class="ftrs-section img17" alt src="data:," />
                            </div>
                            <div class="info">
                                <h4>[$transferit_ftr_expiry_hdr]</h4>
                                <p class="sm-size">[$transferit_ftr_expiry_info]</p>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>

        <div class="subpage-section-body ftrs-split-info-section">
            <div class="subpage-body">
                <div class="content-grid">
                    <div class="ftrs-split-info-grid">
                        <h2>[$transferit_ftr_sharing_hdr]</h2>
                        <p>[$transferit_ftr_sharing_info]</p>
                        <p>[$transferit_ftr_sharing_info2]</p>
                    </div>
                </div>
            </div>
        </div>

        <div class="subpage-section-body secondary-bg">
            <div class="subpage-body">
                <img class="ftrs-section img5" alt src="data:," />
            </div>
        </div>

        <div class="subpage-section-body secondary-bg">
            <div class="subpage-body">
                <div class="content-grid ftrs-quotas">
                    <div class="tab-body">
                        <div class="it-sgm-control lg-size">
                            <div class="button">
                                <input type="radio" id="subpage-ftrs-speed" name="subpage-ftrs-quatas" value="1" checked>
                                <label for="subpage-ftrs-speed"><span>[$transferit_ftr_super_fast]</span></label>
                            </div>
                            <div class="button">
                                <input type="radio" id="subpage-ftrs-transfer" name="subpage-ftrs-quatas" value="2">
                                <label for="subpage-ftrs-transfer"><span>[$transferit_ftr_unlim_transfers]</span></label>
                            </div>
                            <div class="button">
                                <input type="radio" id="subpage-ftrs-dl-limit" name="subpage-ftrs-quatas" value="3">
                                <label for="subpage-ftrs-dl-limit"><span>[$transferit_ftr_no_dl_limits]</span></label>
                            </div>
                        </div>
                        <div class="tab-content content1 active">
                            <div class="col">
                                <h2 class="hero">[$transferit_ftr_super_fast_hdr]</h2>
                                <p class="lg-size">
                                    [$transferit_ftr_super_fast_info]
                                    <br><br>
                                    [$transferit_ftr_super_fast_info2]
                                </p>
                                <button class="it-button lg-size js-try-now">
                                    <span>[$transferit_transfer_now]</span>
                                </button>
                            </div>
                            <div class="col">
                                <div class="media transfers">
                                    <img class="ftrs-section img6" alt src="data:," />
                                    <div class="info">
                                        [$transferit_ftr_tr_speed]
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tab-content content2">
                            <div class="col">
                                <h2>[$transferit_ftr_unlim_transfers]</h2>
                                <p class="lg-size">
                                    [$transferit_ftr_unlim_transfers_info]
                                    <br><br>
                                    [$transferit_ftr_unlim_transfers_info2]
                                </p>
                                <button class="it-button lg-size js-try-now">
                                    <span>[$transferit_transfer_now]</span>
                                </button>
                            </div>
                            <div class="col">
                                <div class="media">
                                    <img class="ftrs-section img6-1" alt src="data:," />
                                </div>
                            </div>
                        </div>
                        <div class="tab-content content3">
                            <div class="col">
                                <h2>[$transferit_ftr_unlim_dl_limits_hdr]</h2>
                                <p class="lg-size">
                                    [$transferit_ftr_unlim_dl_limits_info]
                                </p>
                                <button class="it-button lg-size js-try-now">
                                    <span>[$transferit_transfer_now]</span>
                                </button>
                            </div>
                            <div class="col">
                                <div class="media">
                                    <img class="ftrs-section img6-2" alt src="data:," />
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="subpage-section-body">
            <div class="ftrs-share-bottom-bg"></div>
            <div class="subpage-body">
                <div class="content-grid ftrs-share">
                    <div>
                        <h2>[$transferit_simple_share_hdr]</h2>
                        <div class="media">
                            <img class="ftrs-section img18" alt src="data:,">
                        </div>
                    </div>
                </div>
                <div class="ftrs-share-bubbles">
                    <img class="ftrs-section img7" alt src="data:," />
                </div>
            </div>
        </div>
    </section>
</div>